<ui:composition template="/WEB-INF/templates/layout.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

		 <ui:define name="header">
	 <style type="text/css">		
		.ui-inputfield{
			width: 100%;
			padding: 2px
			-moz-box-shadow: inset 0 2px 2px #d19405;
			-webkit-box-shadow: inset 0 2px 2px #d19405;
			box-shadow: inset 0 2px 2px #d19405;
			text-align:right;
			
		}
		.ui-selectonemenu {			
			width: 100% !important;
			vertical-align:middle;
		}
		.ui-selectonemenu label.ui-selectonemenu-label {
			padding-right: 20px;
			text-align: left;
		}
		.ui-button{			
			background-color:#C2D1FF;
		}
		.ui-button-text{
			font-family:arial, helvetica; 
			font-size:12px;
		}
		.ui-datatable td,.ui-datatable th {
			
			font-family:arial, helvetica; 
			font-size:12px;
			background-position: 0 0;
			table-layout:fixed;
			align:center;
		}
		.ui-tabs.ui-tabs-top > .ui-tabs-nav {			
			font-family:arial, helvetica; 
			font-size:12px; 
			font-weight:bold;
		}
		
	</style>
	 
	 </ui:define>
	
	<ui:define name="content" styleClass="pnlLoginContent">

		<h:form id="form">
			<p:commandButton value="Nuevo Registro"
				actionListener="#{studentManagedBean.limpiar}" update="form" />
			<center>
				<p:panel header="Captacion y Categoria"
					style="width:920px;margin-left:auto; margin-right:auto; text-align:center;">
					<p:panelGrid style="margin-top:10px">
						<p:row>
							<p:column style="font-weight: bold;">
								<h:outputLabel value="#{commonBean.tipoCaptacionTexto}" />
							</p:column>
							<p:column style="font-weight: bold;">
								<p:selectOneMenu value="#{studentManagedBean.captacion}"
									effect="fade">
									<f:selectItem itemLabel="-- Seleccionar --" itemValue="0" />
									<f:selectItems value="#{studentManagedBean.listaCaptaciones}"
										var="captacion" itemLabel="#{captacion.nombre}"
										itemValue="#{captacion.codigo}" />
								</p:selectOneMenu>
							</p:column>
							<p:column rowspan="2" style="font-weight: bold;">
								<h:outputText value="#{commonBean.categoriaTexto}" />
							</p:column>
							<p:column rowspan="2" style="font-weight: bold;">
								<p:selectOneMenu value="#{studentManagedBean.categoria}"
									effect="fade">
									<f:selectItem itemLabel="-- Seleccionar --" itemValue="0" />
									<f:selectItems value="#{studentManagedBean.listaCategorias}"
										var="categoria" itemLabel="#{categoria.nombre}"
										itemValue="#{categoria.codigo}" />
								</p:selectOneMenu>
							</p:column>
						</p:row>
					</p:panelGrid>


				</p:panel>
				<p:panel header="Datos Generales"
					style="width:920px;margin-left:auto; margin-right:auto; text-align:center;">


					<p:panelGrid style="margin-top:10px">
						<p:row>
						<p:column style="font-weight: bold;">
								<h:outputText value="Pais" />
							</p:column>
							<p:column style="font-weight: bold;">
								<p:selectOneMenu value="#{studentManagedBean.pais}"
									effect="fade" id="paiss">
									<f:selectItem itemLabel="-- Seleccionar --" itemValue="0" />
									<f:selectItems value="#{studentManagedBean.listaPaises}"
										var="pais" itemLabel="#{pais.nombre}"
										itemValue="#{pais.codigo}" />
								</p:selectOneMenu>
							</p:column>
						
						
							<p:column style="font-weight: bold;">
								<h:outputText value="Codigo Atencion" />
							</p:column>
							<p:column style="font-weight: bold;">
								<h:outputText name="atencion"
									value="#{studentManagedBean.codigoAtencion}" />
							</p:column>
							<p:column style="font-weight: bold;">
								<p:commandButton value="Buscar"
									actionListener="#{studentManagedBean.buscar}"
									update="form,carList" />

							</p:column>
							<p:column style="font-weight: bold;">
							<h:outputText value="Tipo Documento" />
								<h:outputText value="Documento Identidad" />
								<p:inputText name="dni" value="#{studentManagedBean.dni}"
									styleClass="CajaTexto"
									onkeypress="if(!validate(event)){return false;};" />
							</p:column>
						</p:row>
						<p:row>
							<p:column style="font-weight: bold;">
								<h:outputText value="Apellido Paterno" />
							</p:column>
							<p:column style="font-weight: bold;">
								<p:inputText name="apterno"
									value="#{studentManagedBean.apellidoPaterno}"
									style="width: 200px;"
									onkeypress="if(validate(event)){return false;};" />
							</p:column>
							<p:column style="font-weight: bold;">
								<h:outputText value="Apellido Materno" />
							</p:column>
							<p:column style="font-weight: bold;">
								<p:inputText name="apterno"
									value="#{studentManagedBean.apellidoMaterno}"
									style="width: 200px;"
									onkeypress="if(validate(event)){return false;};" />
							</p:column>
						</p:row>
						<p:row>
							<p:column style="font-weight: bold;">
								<h:outputText value="Nombres" />
							</p:column>
							<p:column style="font-weight: bold;" colspan="4">
								<p:inputText name="apterno"
									value="#{studentManagedBean.nombres}" style="width: 600px;"
									onkeypress="if(validate(event)){return false;};" />
							</p:column>

						</p:row>
						<p:row>
							<p:column style="font-weight: bold;">
								<h:outputText value="Sexo" />
							</p:column>
							<p:column style="font-weight: bold;">
								<p:selectOneMenu value="#{studentManagedBean.sexo}"
									effect="fade">
									<f:selectItem itemLabel="-- Seleccionar --" itemValue="0" />
									<f:selectItems value="#{studentManagedBean.listaSexo}"
										var="sexo" itemLabel="#{sexo.nombre}"
										itemValue="#{sexo.codigo}" />
								</p:selectOneMenu>
							</p:column>
							<p:column style="font-weight: bold;">
								<h:outputText value="Fecha Nacimiento" />
							</p:column>
							<p:column style="font-weight: bold;">
								<p:calendar value="#{studentManagedBean.fechaNac}" id="popupCal"
									pattern="dd/MM/yyyy" />
								<p:watermark for="popupCal" value="dd/MM/yyyy" />
							</p:column>

						</p:row>
					</p:panelGrid>

				</p:panel>

				
				<p:panel header="Lugar de Residencia"
					style="width:920px;margin-left:auto; margin-right:auto; text-align:center;">

					<p:panelGrid style="margin-top:10px;">

						<p:row>
							<p:column style="font-weight: bold;">
								<h:outputText value="Direccion" />
							</p:column>
							<p:column colspan="3" style="font-weight: bold;">
								<p:inputText name="direcion"
									value="#{studentManagedBean.direccion}" style="width: 500px;" />
							</p:column>
						</p:row>
						<p:row>
							<p:column style="font-weight: bold;">
								<h:outputText value="Pais" />
							</p:column>
							<p:column style="font-weight: bold;">
								<p:selectOneMenu value="#{studentManagedBean.pais}"
									effect="fade" id="paissss">
									<f:selectItem itemLabel="-- Seleccionar --" itemValue="0" />
									<f:selectItems value="#{studentManagedBean.listaPaises}"
										var="pais" itemLabel="#{pais.nombre}"
										itemValue="#{pais.codigo}" />
								</p:selectOneMenu>
							</p:column>
							<p:column style="font-weight: bold;">
								<h:outputText value="Region" />
							</p:column>
							<p:column style="font-weight: bold;">
								<p:selectOneMenu value="#{studentManagedBean.departamento}"
									effect="fade" id="departamento">
									<f:selectItem itemLabel="-- Seleccionar --" itemValue="0" />
									<f:selectItems value="#{studentManagedBean.listaDepartamento}"
										var="departamento" itemLabel="#{departamento.nombre}"
										itemValue="#{departamento.codigo}" />
									<p:ajax update="provincia"
										listener="#{studentManagedBean.obtenerProvincia}" />

								</p:selectOneMenu>
							</p:column>
							<p:column style="font-weight: bold;">
								<h:outputText value="Provincia" />
							</p:column>
							<p:column style="font-weight: bold;">
								<p:selectOneMenu value="#{studentManagedBean.provincia}"
									effect="fade" id="provincia">
									<f:selectItem itemLabel="-- Seleccionar --" itemValue="0" />
									<f:selectItems value="#{studentManagedBean.listaProvincia}"
										var="provincia" itemLabel="#{provincia.nombre}"
										itemValue="#{provincia.codigo}" />
									<p:ajax update="distritos"
										listener="#{studentManagedBean.obtenerDistrito}" />
								</p:selectOneMenu>
							</p:column>
						</p:row>
						<p:row>
							<p:column style="font-weight: bold;">
								<h:outputText value="Distrito" />
							</p:column>
							<p:column style="font-weight: bold;">
								<p:selectOneMenu value="#{studentManagedBean.distrito}"
									effect="fade" id="distritos">
									<f:selectItem itemLabel="-- Seleccionar --" itemValue="0" />
									<f:selectItems value="#{studentManagedBean.listaDistrito}"
										var="distritos" itemLabel="#{distritos.nombre}"
										itemValue="#{distritos.codigo}" />
								</p:selectOneMenu>
							</p:column>
							<p:column style="font-weight: bold;">
								<h:outputText value="Email" />
							</p:column>
							<p:column style="font-weight: bold;">
								<p:inputText name="email" value="#{studentManagedBean.email}"
									style="width: 200px;" />
							</p:column>
						</p:row>
						<p:row>
							<p:column style="font-weight: bold;">
								<h:outputText value="Telefono Fijo" />
							</p:column>
							<p:column style="font-weight: bold;">
								<p:inputText name="telefono" id="telefono"
									value="#{studentManagedBean.telefono}" styleClass="CajaTexto"
									onkeypress="if(!validate(event)){return false;};">

								</p:inputText>
							</p:column>
							<p:column style="font-weight: bold;">
								<h:outputText value="Telefono Movil" />
							</p:column>
							<p:column style="font-weight: bold;">
								<p:inputText name="telefono2"
									value="#{studentManagedBean.telefono2}" styleClass="CajaTexto"
									onkeypress="if(!validate(event)){return false;};">

								</p:inputText>
							</p:column>
						</p:row>
						

					</p:panelGrid>


				</p:panel>
				<p:panel header="Acercamiento"
					style="width:920px;margin-left:auto; margin-right:auto; text-align:center;">

					<p:panelGrid style="margin-top:10px">

						<p:row>
							
							<p:column style="font-weight: bold;">
								<h:outputText value="Como se entero?" />
							</p:column>
							<p:column style="font-weight: bold;">
								<p:selectOneMenu value="#{studentManagedBean.modoAtencion}"
									effect="fade" id="modoatencion">
									<f:selectItem itemLabel="-- Seleccionar --" itemValue="0" />
									<f:selectItems
										value="#{studentManagedBean.listaModoAcercamiento}"
										var="modoAtencion" itemLabel="#{modoAtencion.nombre}"
										itemValue="#{modoAtencion.codigo}" />
									<p:ajax update="descripcionAtencion"
										listener="#{studentManagedBean.obtenerDescripcionAcercamiento}" />
								</p:selectOneMenu>
							</p:column>
						</p:row>
						<p:row>
							<p:column style="font-weight: bold;">
								<h:outputText value="Medio Publicitario" />
							</p:column>
							<p:column style="font-weight: bold;">
								<p:selectOneMenu
									value="#{studentManagedBean.descripcionAtencion}" effect="fade"
									id="descripcionAtencion">
									<f:selectItem itemLabel="-- Seleccionar --" itemValue="0" />
									<f:selectItems
										value="#{studentManagedBean.listaDescripcionAcercamiento}"
										var="descripcionAtencion"
										itemLabel="#{descripcionAtencion.nombre}"
										itemValue="#{descripcionAtencion.codigo}" />
								</p:selectOneMenu>
							</p:column>
							<p:column style="font-weight: bold;">
								<h:outputText value="Detalle" />
							</p:column>
							<p:column style="font-weight: bold;">
								<p:selectOneMenu value="#{studentManagedBean.detalleAtencion}"
									effect="fade" id="detalleAtencion">
									<f:selectItem itemLabel="-- Seleccionar --" itemValue="0" />
									<f:selectItems
										value="#{studentManagedBean.listaDetalleAcercamiento}"
										var="detalleAtencion" itemLabel="#{detalleAtencion.nombre}"
										itemValue="#{detalleAtencion.codigo}" />
								</p:selectOneMenu>
							</p:column>
							<p:column style="font-weight: bold;">
								<h:outputText value="Medio Atencion" />
							</p:column>
							<p:column style="font-weight: bold;">

								<p:selectOneMenu value="#{studentManagedBean.medioAtencion}"
									effect="fade">
									<f:selectItem itemLabel="-- Seleccionar --" itemValue="0" />
									<f:selectItems value="#{studentManagedBean.listaMedioAtencion}"
										var="medioAtencion" itemLabel="#{medioAtencion.nombre}"
										itemValue="#{medioAtencion.codigo}" />
								</p:selectOneMenu>
							</p:column>
						</p:row>
					</p:panelGrid>

				</p:panel>
				<p:panel header="Estudios Superiores"
					style="width:920px;margin-left:auto; margin-right:auto; text-align:center;">


					<p:panelGrid style="margin-top:10px">

						<p:row>
							<p:column style="font-weight: bold;">
								<h:outputText value="Pais" />
							</p:column>
														
							<p:column style="font-weight: bold;">
								<p:selectOneMenu value="#{studentManagedBean.pais}"
									effect="fade" id="paisssss">
									<f:selectItem itemLabel="-- Seleccionar --" itemValue="0" />
									<f:selectItems value="#{studentManagedBean.listaPaises}"
										var="pais" itemLabel="#{pais.nombre}"
										itemValue="#{pais.codigo}" />
								</p:selectOneMenu>
							
							</p:column>
							<p:column style="font-weight: bold;">
								<h:outputText value="Tipo Institucion" />
							</p:column>
							<p:column style="font-weight: bold;">
								<p:selectOneMenu value="#{studentManagedBean.tipoColegio}"
									effect="fade">
									<f:selectItem itemLabel="-- Seleccionar --" itemValue="0" />
									<f:selectItems value="#{studentManagedBean.listaTipoColegios}"
										var="tipo" itemLabel="#{tipo.nombre}"
										itemValue="#{tipo.codigo}" />
								</p:selectOneMenu>
							</p:column>
						</p:row>
						<p:row>
							<p:column style="font-weight: bold;">
								<h:outputText value="Nivel Academico Completado" />
							</p:column>
							<p:column style="font-weight: bold;">
								<p:inputText name="anoTermino"
									value="#{studentManagedBean.anoTermino}"
									style="text-align: center"
									onkeypress="if(!validate(event)){return false;};" />
							</p:column>
						</p:row>
						<p:row>
							<p:column style="font-weight: bold;">
								<h:outputText value="Ano Finalizacion" />
							</p:column>
							<p:column style="font-weight: bold;">
								<p:inputText name="anoTermino"
									value="#{studentManagedBean.anoTermino}"
									style="text-align: center"
									onkeypress="if(!validate(event)){return false;};" />
							</p:column>
							<p:column style="font-weight: bold;">
								<h:outputText value="Nombre Institucion" />
							</p:column>
							<p:column style="font-weight: bold;">								
								<p:inputText name="nombreInstitucion"
									value="#{studentManagedBean.colegios}"
									style="text-align: center"
									onkeypress="if(!validate(event)){return false;};" />
							</p:column>
						</p:row>
						<p:row>

						</p:row>
					</p:panelGrid>
					<p:panel header="Lugar de Trabajo"
						style="width:920px;margin-left:auto; margin-right:auto; text-align:center;">

						<p:panelGrid style="margin-top:10px">

							<p:row>
								<p:column style="font-weight: bold;">
									<h:outputText value="Nombre o Razon Social" />
								</p:column>
								
								<p:column style="font-weight: bold;">
									<p:inputText name="ruc" value="#{studentManagedBean.empresa}"
										styleClass="CajaTexto"
										onkeypress="if(!validate(event)){return false;};" />
								</p:column>
								<p:column style="font-weight: bold;">
								<h:outputText value="Tipo Institucion" />
							</p:column>
							<p:column style="font-weight: bold;">
								<p:selectOneMenu value="#{studentManagedBean.tipoColegio}"
									effect="fade">
									<f:selectItem itemLabel="-- Seleccionar --" itemValue="0" />
									<f:selectItems value="#{studentManagedBean.listaTipoColegios}"
										var="tipo" itemLabel="#{tipo.nombre}"
										itemValue="#{tipo.codigo}" />
								</p:selectOneMenu>
							</p:column>
							</p:row>
							
							<p:row>
								<p:column style="font-weight: bold;">
									<h:outputText value="Cargo Actual" />
								</p:column>
								<p:column style="font-weight: bold;">
								<p:inputText name="ruc" value="#{studentManagedBean.cargo}"
										
										onkeypress="if(!validate(event)){return false;};" />
										</p:column>
							</p:row>
							<p:row>
								<p:column style="font-weight: bold;">
									<h:outputText value="Anos de Experiencia" />
								</p:column>
								<p:column style="font-weight: bold;">
									<p:inputText name="anoexperiencia"
										value="#{studentManagedBean.anoExperiencia}"
										styleClass="CajaTexto"
										onkeypress="if(!validate(event)){return false;};" />
								</p:column>
							</p:row>
							
						</p:panelGrid>

					</p:panel>

					
					
				</p:panel>
				
				
				<p:commandButton value="Grabar"
					actionListener="#{studentManagedBean.grabarRegistro}"
					update="messages,form,carList">
					<p:confirm header="Confirmation"
						message="Esta Seguro de grabar la Informacion?"
						icon="ui-icon-alert" />
				</p:commandButton>
				
				<p:dataTable var="tabla" value="#{studentManagedBean.listaTabla}"
					id="carList" scrollable="true"  paginator="true" rows="10" 
					paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"  
							rowsPerPageTemplate="5,10,15">

					

					<p:column headerText="Institucion" style="width:20%">

						<h:outputText value="#{tabla.institucion}" />

					</p:column>
					<p:column headerText="Carrera" style="width:20%">

						<h:outputText value="#{tabla.carrera}" />

					</p:column>
					<p:column headerText="Carrera Descripcion" style="width:20%">

						<h:outputText value="#{tabla.carreraDescripcion}" />

					</p:column>
					<p:column headerText="Periodo" style="width:20%">

						<h:outputText value="#{tabla.periodo}" />

					</p:column>
					<p:column headerText="Mes" style="width:20%">

						<h:outputText value="#{tabla.mes}" />

					</p:column>
					
					<p:column headerText="Modalidad" style="width:20%">

						<h:outputText value="#{tabla.modalidad}" />

					</p:column>
					<p:column headerText="Modalidad Descripcion" style="width:20%">

						<h:outputText value="#{tabla.modalidadDescripcion}" />

					</p:column>

					
					
					<p:column headerText="Seccion" style="width:20%">

						<h:outputText value="#{tabla.seccion}" />

					</p:column>
					
				
					
					<p:column headerText="Fecha Inicio" style="width:20%">

						<h:outputText value="#{tabla.mesInicio}" />

					</p:column>
					
					
					
					
					<p:column headerText="Matricula" style="width:20%">

						<h:outputText value="#{tabla.matricula}" />

					</p:column>
					<p:column headerText="Usuario Creacion" style="width:20%">

						<h:outputText value="#{tabla.usuarioCreacion}" />

					</p:column>
					
					
					

				</p:dataTable>
<p:growl id="messages" showDetail="true" />
				
				<p:confirmDialog global="true" showEffect="fade"
					hideEffect="explode">
					<p:commandButton value="Si" type="button"
						styleClass="ui-confirmdialog-yes" icon="ui-icon-check" />
					<p:commandButton value="No" type="button"
						styleClass="ui-confirmdialog-no" icon="ui-icon-close" />
				</p:confirmDialog>


			</center>

		</h:form>

	</ui:define>
</ui:composition>
